<%-- 
    Document   : listarAjax
    Created on : 10-jul-2012, 14:47:21
    Author     : Administrador
--%>
<%@page import="com.javabeans.Carrera"%>
<%@page import="com.javabeans.Etiqueta"%>
<%@page import="com.javabeans.Foro"%>
<%@page import="java.util.List"%>
<% 
    List<Foro> foros = (List<Foro>) request.getAttribute("foros");
    String aux[] = ( (String)request.getAttribute("fechasOtros") ).split("_");//fechaIni_fechaFin_titulo_idCarrera
    int i = 0;
    
%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<script type="text/javascript">
    function nuevo(){
        location.href="Foros?accion=2&carrera=<%=aux[3]%>";
        /*
         *$.ajax({
            url: "Foros",
            type: "POST",
            data:{ accion:23,idCarrera:'<%=aux[3]%>'},
            beforeSend:function(obj){
                //$('#listAdmins').css({display:'none'});
                $('#imgLoad').css({display:'block'});
            },
            success:function(res){
                $('#resAjax').html(res);
            },
            complete:function(){
                $('#imgLoad').css({display:'none'});
                //$("#listAdmins").css({display:'block'});
            },
            error: function(res){ alert("Error! al ver nuevo tema."); }
        });
        */
    }
    function darBaja(idForo, idCarrera, titulo, fechaIni, fechaFin){
        if(confirm("Â¿Estas seguro de dar de baja al tema "+titulo+"?")){
            $.ajax({
                url: "Foros",
                type: "POST",
                data:{ accion:20, idForo:idForo,idCarrera:idCarrera, titulo:titulo,fechaIni:fechaIni, fechaFin:fechaFin },
                beforeSend:function(obj){
                    //$('#listAdmins').css({display:'none'});
                    $('#imgLoad').css({display:'block'});
                },
                success:function(res){
                    $('#resAjax').html(res);
                },
                complete:function(){
                    $('#imgLoad').css({display:'none'});
                    //$("#listAdmins").css({display:'block'});
                },
                error: function(res){ alert("Error! al dar de baja al foro."); }
            });
        }
    }
    function verDetalle(idForo, idCarrera, fechaIni, fechaFin){
        $.ajax({
            url: "Foros",
            type: "POST",
            data:{ accion:21, idForo:idForo,idCarrera:idCarrera, fechaIni:fechaIni, fechaFin:fechaFin },
            beforeSend:function(obj){                
                $('#imgLoad').css({display:'block'});
            },
            success:function(res){
                $('#resAjax').html(res);
            },
            complete:function(){
                $('#imgLoad').css({display:'none'});                
            },
            error: function(res){ alert("Error! al ver detalle del foro."); }
        });
    }
</script>
<h2 class="decorado">Lista de Foros</h2>
<div style="clear:left;text-align:center;color:red;font-family: monospace;font-size: 14px"><%=(aux[2].length()>1)?aux[2]:""%></div>
<table class="miReporte" style="width: 100%">
    <tr>
        <td style="text-align: right"><input type="button" class="boton" value="A&ntilde;adir nuevo tema" onclick="nuevo()" title="Pulsa aqu&iacute; para registrar."/></td>
    </tr>
</table>
<table class="tabla_decorado" style="width: 100%">
    <thead>
        <tr>
            <th width="3%" class="th_decoradoRowspan">Nro</th>
            <th width="25%" class="th_decoradoRowspan">T&Iacute;TULO</th>
            <th width="14%" class="th_decoradoRowspan">AUTOR</th>
            <th width="12%" class="th_decoradoRowspan">FECHA</th>
            <th width="18%" class="th_decoradoRowspan">ETIQUETA</th>
            <th width="4%" class="th_decoradoRowspan">RESP.</th>
            <th width="4%" class="th_decoradoRowspan">VOTO</th>
            <th width="4%" class="th_decoradoRowspan">LEIDO</th>
            <th width="16%" class="th_decoradoRowspan" colspan="2">ACCIONES</th>
        </tr>
    </thead>
    <tbody>
<%
    i = 1;
    for(Foro  f : foros){
        Etiqueta co = f.getEtiqueta();
        Carrera ca = f.getCarrera();
%>          
        <tr class="tr_decorado">
            <td class="th_decorado" style="text-align: center"><%=i%></td>
            <td class="th_decorado"><%=f.getTitulo()%></td>
            <td class="th_decorado"><%=f.getAutor()%></td>
            <td class="th_decorado"><%=f.getFecha()%></td>
            <td class="th_decorado"><%=co.getNombre()%></td>
            <td class="th_decorado"><%=f.getRespuesta()%></td>
            <td class="th_decorado"><%=f.getVoto()%></td>
            <td class="th_decorado"><%=f.getLeido()%></td>
            <td class="td_decoradoDerecha" style="text-align: center"><input type="button" value="Ver detalle" onclick="verDetalle(<%=f.getIdForo()%>,<%=ca.getIdCarrera()%>,'<%=aux[0]%>','<%=aux[1]%>')" class="botonRep" title="Pulsa aqu&iacute; para ver detalle de: <%=f.getTitulo()%>."/></td>
            <td class="td_decoradoDerecha" style="text-align: center"><input type="button" value="Dar Baja" onClick="darBaja(<%=f.getIdForo()%>,<%=ca.getIdCarrera()%>,'<%=f.getTitulo()%>','<%=aux[0]%>','<%=aux[1]%>')" class="botonRep" title="Pulsa aqu&iacute; para dar de baja a: <%=f.getTitulo()%>."/></td>
        </tr>
<%      i++;
    }
    if(i == 1){
        out.write("<tr class='tr_decorado'>");
        out.write("     <td class='td_decorado' colspan='10' style='text-align:center'><span style='color:red'>No existen foros registrados en las fechas indicadas!<span></td>");
        out.write("</tr>");
    }
%>
    </tbody>
</table>